<template lang="html">
    <div class="forgetPassword">
        <img src="../../assets/images/logo-head.png" alt="" class="logo-img">
       <el-form labelWidth="80px">
            <el-form-item label="帐号">
                <el-input></el-input>
            </el-form-item>
            <el-form-item label="新密码">
                <el-input></el-input>
            </el-form-item>
            <el-form-item label="确定密码">
                <el-input></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" class="el-button">确 定</el-button>
            </el-form-item>
       </el-form>
    </div>
</template>

<script>
    export default {
        data() {
            return {};
        }
    };
</script>

<style lang="scss" scoped>
    .forgetPassword{
        width: 100%;
        height: 100%;
        overflow: hidden;
        .logo-img{
            display: block;
            margin:200px auto 20px;
        }
        .el-form{
            width: 300px;
            height: auto;
            margin:0 auto;
            padding-right: 80px;
            .forget-password{
                float: right;
                margin-bottom:20px;
                color: #1d90e6;
                font-size:12px;
            }
            .el-form-item{
                .el-button{
                    width: 223px;
                }
            }
        }
    }
</style>
